
<div class="index-main" ng-controller="TzggListCtrl as ctrl1">
	<div class="mainBox">
   		<div class="inner_line" ng-controller="LoginCtrl as ctrl">
			<ul class="one ">                       
				<li class="index_Organ">
		        	<a href="javascript:;" class="box" ng-click="ctrl.checkLogin($event,1)">
		            	<img src="asset/images/home/QM_icon_b.png" /><br>
		            	<div class="clear"></div>
		            	<p>组织建设</p>
		            	<span>Organization</span>
		        	</a>
		    	</li>
	    		<li class="index_Marx" id="index_Marx">
		     		<a href="javascript:;" class="box" ng-click="ctrl.checkLogin($event,2)">
		          		<img src="asset/images/home/QM_icon_c.png" /><br>
		            	<div class="clear"></div>
		            	<p>青马工程</p>
		            	<span>Young Marx</span>
		        	</a>
		    	</li>
    			<li class="index_Plan">
			   		<a href="javascript:;" class="box" ng-click="ctrl.checkLogin($event,3)">
			          	<img src="asset/images/home/QM_icon_a.png" /><br>
			          	<div class="clear"></div>
			           	<p>磐石计划</p>
			           	<span>Plan</span>
			       	</a>
			   	</li>
    			<li class="index_Prac">
		       		<a href="javascript:;" class="box" ng-click="ctrl.checkLogin($event,4)">
			         	<img src="asset/images/home/QM_icon_d.png" /><br>
			           	<div class="clear"></div>
			           	<p>社会实践</p>
		            	<span>Practice</span>
		        	</a>
		    	</li> 
     			<!-- 登录前 -->
				<li class="index_Login" ng-show="$user.type==-1">
			    	<a class="btn_login remove-underline" href="javascript:;" ng-click="ctrl.switchLogin()">登录</a>
			 	</li>

   				<!-- 登录后 学生-->
    			<li class="ng-cloak index_info" ng-show="$user.type!=-1 && $user.teacher==0">
     				<img src="asset/images/home/pic.png" class="mor" />
			       	<div>
			         	<ul>
			            	<li><span class="red">{{$user.name}}</span> {{$user.grade}}级本科</li>
			              	<li><span class="grey">学号：</span>{{$user.uid}}</li>
			              	<li><span class="grey">院系：</span>{{$user.departmentName}}</li>
			              	<li><span class="grey">专业：</span>{{$user.majorname}}</li>
			           	</ul>
        			</div>
				</li>
               	<!-- 登录后 教师-->
               	<li class="ng-cloak index_info" ng-show="$user.type!=-1 && $user.teacher==1">
					<img src="asset/images/home/pic.png" class="mor" />
                	<div>
                       	<ul>
                        	<li><span class="red">{{$user.name}}</span></li>
                           	<li><span class="grey">工号：</span>{{$user.uid}}</li>
                           	<li><span class="grey">部门：</span>{{$user.departmentName}}</li>
                           	<li><span class="grey">职称：</span>{{$user.zc}}</li>
                       	</ul>
                   	</div>
               	</li>
			</ul>
   		</div>
     	<div class="inner_line">
         	<div class="banner">
           		<div class="banner-left">
               		<div class="new_banner">
                   		<ul class="rslides f426x240">
                     		<li>
	                        	<img src="asset/images/home/QM_banner_a.png" />
	                          	<p>青年马克思主义者培养工程</p>
	                      	</li>
	                      	<li>
	                        	<img src="asset/images/home/QM_banner_b.png" />
	                          	<p>不忘初心 继续前进</p>
	                      	</li>
	                      	<li>
                         		<img src="asset/images/home/QM_banner_c.png" />
                         		<p>建党96周年</p>
                         	</li>
                     	</ul>
                 	</div>
             	</div>
             	<div class="banner-right" ng-controller="TzggListCtrl as ctrl" ng-init="ctrl.queryNew()">
	               	<div class="tit">
	                   	<div class="tLeft">
	                   		<em class="nIocn"></em>
	                   		<span>通知公告</span>
	                   		<a target=_blank href="javascript:;" ng-click="ctrl.newslist()"><font color=#FFFFFF>>></font></a>
	                   	</div>      
	               	</div>
	               	<ul class="qm_notice">
	             		<li ng-repeat="item in ctrl.entities.content">
		              		<a target="_blank" href="javascript:;" ng-click="ctrl.preview(item)">
		              			<em></em>
		              			<p>
		              				{{item.bt}}
		              				<span><font size="0.8em" color="#999">{{item.xgsj|limitTo:5:5}}</font></span>
		              			</p>
		              		</a>
	              		</li>
              		</ul>
        		</div>
         	</div>
     	</div>

     	<div class="inner_line">
	       	<div class="helfBox">
	           	<div class="ingIcon">
	             	<div class="innBOX">
	             		<span>活动 activity</span>
	             		<p>即将开始</p> 
	             	</div>
	           	</div>
	           	<ul>
	           		<li style="margin-left: 10px;">暂无活动</li>
	              	<!-- <li><a href="#"><p>信息科学与工程学与青年志愿者中心<span>11-05</span></p></a></li>
	                	<li><a href="#"><p>信息科学与工程学院社会实践与青年志愿者中心<span>11-05</span></p></a></li>
	                	<li><a href="#"><p>信息科学与工程学院与青年志愿者中心<span>11-05</span></p></a></li>
	                	<li><a href="#"><p>信息科学与工程学院社会实践与青年志愿者中心<span>11-05</span></p></a></li> -->
	           	</ul>
	       	</div>
	       	<div class="helfBox">
	           	<div class="downIcon">
	             	<div class="innBOX">
	              	<span>活动 activity</span> 
	              	<p>圆满结束</p>
	             	</div>
	           	</div>
	           	<ul>
	           		<li style="margin-left: 10px;">暂无活动</li>
	               	<!-- <li><a href="#"><p>信息科学与工程学院社青年志愿者中心<span>11-05</span></p></a></li>
	               	<li><a href="#"><p>信息科学与工程学院社会实践与青年志愿者中心<span>11-05</span></p></a></li>
	               	<li><a href="#"><p>信息科学与工程学院社会与青年志愿者中心<span>11-05</span></p></a></li>
	                <li><a href="#"><p>信息科学与工程学院社会实践与青年志愿者中心<span>11-05</span></p></a></li> -->
	           	</ul>
	       	</div>
	 	</div>

	  	<!-- 弹出层 start -->
	   	<div class="con hide" ng-controller="LoginCtrl as ctrl">
	      	<div class="mark"></div>
	     	<ul class="one layer">
		      	<li class="index_Marx" style="width: 50%">
		  			<a href="javascript:;" class="box" ng-click="ctrl.checkLogin1($event,2)">
		  				<img src="asset/images/home/QM_icon_c.png" /><br>
		    			<div class="clear"></div>
		    			<p>青马工程</p>
		    			<span>Young Marx</span>
		   			</a>
		   		</li>  
	       		<li class="index_Plan" style="width: 50%">
	            	<a href="javascript:;" class="box" ng-click="ctrl.checkLogin1($event,3)">
	             		<img src="asset/images/home/s.png" /><br>
	              		<div class="clear"></div>
	              		<p>打卡中心</p>
	              		<span>Clock</span>
	              	</a>
	       		</li>
	       		<li style="width: 40px"> <a class="close" href="#"></a></li>
	  		</ul>
	  	</div>
 		<!-- 弹出层 end -->
	</div>
	<div class="clear"></div>
</div>
	
 
 	<!-- js -->
  <!--   <script src="asset/outdatedbrowser/outdatedbrowser.js"></script>
    <script type="text/javascript" data-main="asset/main.js" src="asset/js/require.min.js"></script>
    <script type="text/javascript" src="asset/jquery/jquery.js"></script>
    <script type="text/javascript" src="asset/js/comm.js"></script>
    <script type="text/javascript" src="asset/js/banner.js"></script>
    <script type="text/javascript" src="asset/js/include.js"></script> -->
    <script type="text/javascript">
        $(window).resize(function(){
            var ht=$(".banner-right ul li img").height();
            var htt=$(".twobanner>img").height()+8;
            $(".index-zy").height(2*ht-htt);
            $(".index-more").height(ht);
        });

      	$(document).ready(function() {
	       	/* $("#index_Marx").click(function(e) {
	        	e.stopPropagation();
	        	$("div.con").removeClass("hide");
	        }); */

			$("div.close").click(function(e) {
	       		e.stopPropagation();
	        	$("div.con").addClass("hide");
	        });
	
	    	$(document).click(function() {
		        if (!$("div.con").hasClass("hide")) {
		            $("div.con").addClass("hide");
		        }
	    	});
		});
      	
      	function TzggListCtrl($injector,$scope, $element, $http,$state,CtrlUtil){
      		var ctrl = this;
      		this.queryNew = function () {
				ctrl.entities && (ctrl.entities.content = {})
				var p = CtrlUtil.getQueryParams(ctrl)
				p.fbzt = 1;
				p.pageSize = 5;
				$http.post(':root/tzgggl/list', p).success(function (r) {
					ctrl.entities = r;
				})
			}
      		
      		this.preview = function (item) {
				//$state.go('app.newsview',{id:item.id});//
				var url = 'newsview.html?id='+item.id;
				//location.href = url;
				window.open(url);
			}
      		
      		this.newslist = function (){
      			var url = 'newslist.html';
      			location.href = url;
      			//window.open(url);
      		}
      	}
    </script>   
